@charset "utf-8";
html{
    color:#000;background:#fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset;}
/* 内外边距通常让各个浏览器样式的表现位置不同 */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {
    margin:0;padding:0;
}
body{ background: white;}
/* 重设 HTML5 标签, IE 需要在 js 中 createElement(TAG) */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section { display:block;}
/* HTML5 媒体文件跟 img 保持一致 */
audio,canvas,video { display: inline-block;*display: inline;*zoom: 1;}
/* 去掉各Table  cell 的边距并让其边重合 */
table{	border-collapse:collapse;border-spacing:0;}
/* IE bug fixed: th 不继承 text-align*/
th{	text-align:inherit;}
/* 去除默认边框 */
fieldset,img{	border:0;}
/* ie6 7 8(q) bug 显示为行内表现 */
iframe{	display:block;}
/* 去掉 firefox 下此元素的边框 */
abbr,acronym{	border:0;font-variant:normal;}
/* 一致的 del 样式 */
del {text-decoration:line-through;}
address,caption,cite,code,dfn,em,th,var {font-style:normal;font-weight:500;}
/* 去掉列表前的标识, li 会继承 */
ol,ul {	list-style:none;}
/* 对齐是排版最重要的因素, 别让什么都居中 */
caption,th {text-align:left;}
/* 来自yahoo, 让标题都自定义, 适应多个系统应用 */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:bold;}
q:before,q:after {	content:'';}
/* 统一上标和下标 */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
/*字体定义*
/* 要注意表单元素并不继承父级 font 的问题 */
body,button,input,select,textarea{ font: 12px/20px Arial, simsun, Georgia, serif;}
input,select,textarea{font-size:100%; outline: none;}
table { font-size: inherit; font: 100%;}
/* 设置内联, 减少浮动带来的bug */
.fn-left,.fn-right {display:inline;}
.fn-left {	float:left;}
.fn-right {float:right;}
/*清除浮动*/
.fn-clear,.clear { *zoom: 1;}
.fn-clear:before,.fn-clear:after,
.clear:before,.clear:after{ display: block;	line-height:0;	height:0;	content:"";}
.fn-clear:after,.clear:after{clear:both;}.fn-hide {display:none;}button{	cursor:pointer;}

.J_MultiMask{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.6);
    filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A0000000', EndColorStr='#A0000000');
    z-index: 1000;
}
.J_MultiAreaSel{
    position: fixed;
    top: 100px;
    left: 50%;
    margin-left: -340px;
    _position: absolute;
    _top: expression(eval(document.documentElement.scrollTop+71 ));
    z-index: 1001;
    width: 680px;
    border: 1px solid #ddd;
    background: #fff;
}
.J_MultiAreaSel .hd{
    background: #f4f4f4;
    height: 33px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
    line-height: 33px;
    cursor: move;
}
.J_MultiAreaSel .hd h2{
    float: left;
    font: bold 14px/33px arial;
    padding-left: 6px;
}
.J_MultiClose{
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    overflow: hidden;
    background: url("imgs/close.gif") no-repeat;
    margin: 8px;
    text-indent: -99em;
}
.selected-area{
    border-bottom: 1px dotted #DDD;
    padding: 10px;
}
.selected-area ul{display: block; width: 570px; height: 60px; overflow-y: scroll;}
.selected-area li{
    float: left;
    width: 99px;
    margin: 5px;
    border: 1px solid #DDD;
}
.selected-area li span{
    float: left;
    display: block;
    width: 75px;
    overflow: hidden;
    text-align: center;
    line-height: 20px;
}
.J_MultiDel{
    float: right;
    display: block;
    height: 20px;
    width: 20px;
    overflow: hidden;
    background: url(imgs/del-sel.gif) no-repeat 4px 6px;
    border-left:1px solid #DDD ;
}
.J_MultiDel:hover{
    background: #f66604 url(imgs/del-sel1.gif) no-repeat 4px 6px;
}
.J_MultiSubmit{
    display: inline-block;
    width: 50px;
    height: 24px;
    border: none;
    background: url("imgs/button.gif") no-repeat;
    overflow: hidden;
    line-height: 24px;
    text-align: center;
    color: #FFF;
}
.selected-area .J_MultiSubmit{margin: 3px 0;}
.J_MultiIpt{height: 23px; border: 1px solid #CCC; margin-right: 5px; padding: 0 3px; line-height: 23px;}
.J_MultiClear{
    display: inline-block;
    width: 27px;
    height: 24px;
    overflow: hidden;
    background: url("imgs/delete.gif") no-repeat;
    margin: 3px 5px;
    text-indent: -99em;
}
.province-list{padding: 10px;}
.province-list p{
    margin-left: 5px;
}
.province-list p.selected{color: red;}
.province-list li{
    float: left;
    display: inline;
}
.province-list label{display: block; width:80px; overflow: hidden;}
.province-list li span{display:block;width:40px;overflow:hidden; cursor: default;}
.province-list label span,.province-list label input{ float: left;}
.province-list label input{margin: 2px;_margin: 0px;}
.province-list i{
    display: block;
    width: 7px;
    height: 4px;
    background: url(imgs/popuparrow.png) no-repeat 0 0;
    margin: 9px 5px;
}
.province-list li.current i{background-position: 0 -18px;}
.province-list label, .province-list i{float: left;}
.province-list li{position: relative; border: 1px solid #FFF; padding: 5px;}
.province-list li.current{
    color: #000;
    font-weight: normal;
}
.province-list li.selected,.province-list li.selected li.selected{color: red;}
.province-list li.selected li{color: #000;}
.district-list li{position: relative; margin: 0; z-index: 1;}
.province-list li sub{
    position: absolute;
    top: 0;
    left: 0;
    width: 85px;
    height: 28px;
    border: 1px solid #DDD;
    border-bottom-color: #FFF;
}
.province-list li sub,.province-list li ul{display: none;}
.province-list li.current sub,.province-list li.current ul{display: block;}
.province-list li.current{z-index: 10;}
.province-list li.current sub{z-index: 2;}
.province-list li.current label{
    position: relative;
    z-index: 3;
}
.city-list{
    position: absolute;
    top:29px;
    left: 0;
    z-index: 1;
    width: 170px;
    overflow: hidden;
    padding:0 5px 5px 5px;
    border: 1px solid #DDD;
    background: #FFF;
}
.selected .city-list{background: #FFF;}
.city-list li{
    margin:0;
    border:none;
    z-index: 1000;
    width: 70px;
    overflow: hidden;
}
.city-list li span{display: block;width: 60px; height:20px;overflow:hidden;}